<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <link rel="stylesheet" href="swiper-4.5.0/dist/css/swiper.min.css">
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
<div class="header">
    <div class="header-top">
        <div class="container">
            <ul class="clearfix">
                <li class="g2"><img src="img/i1.png" alt=""><a href="">收藏</a></li>
                <li class="g2"><img src="img/i2.png" alt=""><a href="">微信</a></li>
                <li class="ig"><a href="">注册</a></li>
                <li class="ig"><a href="">|</a></li>
                <li class="ig"><a href="">登录</a></li>
            </ul>
        </div>
    </div>
    <div class="header-center clearfix">
        <div class="container">
            <div class="logo">
                <img src="img/logo.gif" alt="">
                <a href=""><img src="img/home.png" alt="">首页</a>
            </div>
            <div class="login">
                <input type="text" placeholder="理发器"><button><img src="img/i3.png" alt=""></button>
                <a href=""><img src="img/i4.png" alt="">购物车</a>
            </div>
            <div class="logdv">
                <a class="a1" href="index2.html">剃须刀</a><a class="a2" href="index3.html">电吹风</a>
            </div>
        </div>
    </div>
    <div class="container">
        <div class="swiper-container">
            <div class="ignb">
                <ul>
                    <li><a href="">电动剃须刀<i>></i></a></li>
                    <li><a href="">电吹风<i>></i></a></li>
                    <li><a href="">理发器<i>></i></a></li>
                    <li><a href="">烫发器<i>></i></a></li>
                    <li><a href="">熨烫系列<i>></i></a></li>
                    <li><a href="">吸尘器<i>></i></a></li>
                    <li><a href="">空气净化器<i>></i></a></li>
                    <li><a href="">加湿器<i>></i></a></li>
                    <li><a href="">毛球修剪器<i>></i></a></li>
                    <li><a href="">女士剃毛器<i>></i></a></li>
                    <li><a href="">健康秤<i>></i></a></li>
                    <li><a href="">智能插座<i>></i></a></li>
                    <li><a href="">配件<i>></i></a></li>
                </ul>
            </div>
            <div class="swiper-wrapper">
                <div class="swiper-slide"><img src="img/1.jpg" alt=""></div>
                <div class="swiper-slide"><img src="img/2.jpg" alt=""></div>
                <div class="swiper-slide"><img src="img/4.jpg" alt=""></div>
                <div class="swiper-slide"><img src="img/5.jpg" alt=""></div>
            </div>
            <!-- 如果需要分页器 -->
            <div class="swiper-pagination"></div>
        </div>
    </div>
    <div class="container">
        <div class="w-3"><img src="img/1(1).jpg" alt=""></div>
        <div class="w-3"><img src="img/2(1).jpg" alt=""></div>
        <div class="w-3 w-4"><img src="img/3.jpg" alt=""></div>
    </div>
</div>
<div class="main">
  <div class="container">
      <div class="rmdp clearfix">
          <h2>热卖单品</h2>
          <div class="q50 float-left">
              <div class="wbj clearfix we">
                  <div class="dv">
                      <p class="p1">飞科智能剃须刀FS375</p>
                      <p class="p2">3D智能浮动系列 / 充插两用 / 智能水洗提示</p>
                      <p class="p3">139元</p>
                  </div>
                  <img class="float-right" src="img/FS375.png" alt="">
              </div>
          </div>
          <div class="q25 float-left">
              <div class="qwe clearfix we">
                  <div class="rty">
                      <p class="p1">飞科剃须刀FS808</p>
                      <p class="p2">本款产品月销量<a>36810</a></p>
                      <p class="p3">79元</p>
                  </div>
                  <img class="float-right" src="img/FS808.png" alt="">
              </div>
          </div>
          <div class="q25 float-left">
              <div class="qwe clearfix we">
                  <div class="rty">
                      <p class="p1">飞科剃须刀FS373</p>
                      <p class="p2">本款产品月销量<a>348666</a></p>
                      <p class="p3">79元</p>
                  </div>
                  <img class="float-right" src="img/FS373.png" alt="">
              </div>
          </div>
      </div>
      <div class="rmdp2 clearfix">
          <div class="qq25 float-left">
              <div class="wbjj we">
                  <div class="rty2">
                      <p class="p1">飞科理发器FC5902</p>
                      <p class="p2">强劲模式 / 全球电压 / 充插两用</p>
                      <p class="p3">109元</p>
                  </div>
                  <img src="img/FC5902.png" alt="">
              </div>
          </div>
          <div class="qq25 float-left">
              <div class="wbjji clearfix we">
                  <div class="rty3">
                      <p class="p1">飞科电吹风FH6273</p>
                      <p class="p2">本款产品月销量<a>44123</a></p>
                      <p class="p3">79元</p>
                  </div>
                  <img class="float-right" src="img/FH6273.png" alt="">
              </div>
              <div class="wbjji clearfix we">
                  <div class="rty3">
                      <p class="p1">飞科毛球修剪器FR5006</p>
                      <p class="p2">本款产品月销量<a>11681</a></p>
                      <p class="p3">33元</p>
                  </div>
                  <img class="float-right" src="img/FR5006.png" alt="">
              </div>
          </div>
          <div class="qq25 float-left">
              <div class="wbjji clearfix we">
                  <div class="rty3">
                      <p class="p1">飞科电吹风FH6618</p>
                      <p class="p2">本款产品月销量<a>116539</a></p>
                      <p class="p3">79元</p>
                  </div>
                  <img class="float-right" src="img/FH6618.png" alt="">
              </div>
              <div class="wbjji clearfix we">
                  <div class="rty3">
                      <p class="p1">飞科理发器FC5811</p>
                      <p class="p2">本款产品月销量<a>168</a></p>
                      <p class="p3">59元</p>
                  </div>
                  <img class="float-right" src="img/FC5811.png" alt="">
              </div>
          </div>
          <div class="qq25 float-left">
              <div class="wbjji clearfix we">
                  <div class="rty3">
                      <p class="p1">飞科电吹风FH6232</p>
                      <p class="p2">本款产品月销量<a>219262</a></p>
                      <p class="p3">49元</p>
                  </div>
                  <img class="float-right" src="img/FH6232.png" alt="">
              </div>
              <div class="wbjji clearfix we">
                  <div class="rty3">
                      <p class="p1">飞科理发器FC5808</p>
                      <p class="p2">本款产品月销量<a>220253</a></p>
                      <p class="p3">65元</p>
                  </div>
                  <img class="float-right" src="img/FC5808.png" alt="">
              </div>
          </div>
      </div>
  </div>
</div>
<div class="main2">
    <div class="container">
        <h2>新品上市</h2>
        <div class="xpss clearfix">
            <div class="qqq25 float-left">
                <div class="wwbjj we">
                    <div class="rty20">
                        <p class="p1">飞科剃须刀FS310</p>
                        <p class="p2">全身水洗 / 智能充电显示 / 智能防夹须</p>
                        <p class="p3">109元</p>
                    </div>
                    <img src="img/FS310.png" alt="">
                </div>
            </div>
            <div class="qqq25 float-left">
                <div class="wwbjj5 we">
                    <img src="img/FH7006.png" alt="">
                    <h4>飞科健康秤FH7006 129元</h4>
                    <p>智能蓝牙连接 / 智能云端数据管理 / 智能APP云端分</p>
                </div>
                <div class="wwbjj5 we">
                    <img src="img/FS2000.png" alt="">
                    <h4>飞科USB插座FS2000 39.9元</h4>
                    <p>USB智能插座 / 1.8米延长线 / 防滑胶垫</p>
                </div>
            </div>
            <div class="qqq25 float-left">
                <div class="wwbjj5 we">
                    <img src="img/FH9225.png" alt="">
                    <h4>飞科加湿器FH9225 149元</h4>
                    <p>智能安全保护 / 智能缺水提示 / 触控雾量调节</p>
                </div>
                <div class="wwbjj5 we">
                    <img src="img/FI9320.png" alt="">
                    <h4>飞科电熨斗FI-9320 299元</h4>
                    <p>智能灯光提示 / 金色陶瓷弧边底板 / 三档蒸汽量选择</p>
                </div>
            </div>
            <div class="qqq25 float-left">
                <div class="wwbjj5 we">
                    <img src="img/FH6811.png" alt="">
                    <h4>飞科直发器FH6811 39元</h4>
                    <p>玫红铝制浮动发热板 / 干湿两用 / 直卷两用</p>
                </div>
                <div class="wwbjj5 we">
                    <img src="img/FR5230.png" alt="">
                    <h4>飞科毛球修剪器FR5230 35元</h4>
                    <p>精磨不锈钢刀网 / 充电显示灯 / 轻触式开关</p>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="main3">
    <div class="container">
        <h2>特价商品</h2>
        <div class="tjsp clearfix">
            <div class="e25 float-left">
                <div class="zxc we">
                    <p class="p1">飞科电吹风FH6257</p>
                    <p class="p2">快速造型 / 健康护发</p>
                    <p class="p3">39元</p>
                    <img src="img/FH6257.png" alt="">
                </div>
                <div class="zxv we">
                    <p class="p1">飞科剃须刀FS871</p>
                    <p class="p2">全身水洗 / 全球电压</p>
                    <p class="p3">59元</p>
                    <img src="img/FS871.png" alt="">
                </div>
            </div>
            <div class="e25 float-left">
                <div class="asd clearfix we">
                    <p class="p1">浮动三刀头/强劲动力</p>
                    <p class="p2">FS360 59元</p>
                    <a class="float-right" href="">4.9折</a>
                    <img src="img/FS360.png" alt="">
                </div>
                <div class="asd clearfix we">
                    <p class="p1">1.8米延长线/防滑胶垫</p>
                    <p class="p2">FS2008  25元</p>
                    <a class="float-right" href="">8.6折</a>
                    <img src="img/FS2008.png" alt="">
                </div>
            </div>
            <div class="e25 float-left">
                <div class="asd clearfix we">
                    <p class="p1">3档微调/高效合金刀头</p>
                    <p class="p2">FC5803 222元</p>
                    <a class="float-right" href="">7.8折</a>
                    <img src="img/FC5803.png" alt="">
                </div>
                <div class="asd clearfix we">
                    <p class="p1">全身水洗/三刀一体</p>
                    <p class="p2">FS5501 89元</p>
                    <a class="float-right" href="">8.9折</a>
                    <img src="img/FS5501.png" alt="">
                </div>
            </div>
            <div class="e25 float-left">
                <div class="asd clearfix we">
                    <p class="p1">超强蒸汽/适合各种材质</p>
                    <p class="p2">FI9308 59元</p>
                    <a class="float-right" href="">5.9折</a>
                    <img src="img/FI9308.png" alt="">
                </div>
                <div class="asd clearfix we">
                    <p class="p1">完美去球/呵护衣物</p>
                    <p class="p2">FR5218 29元</p>
                    <a class="float-right" href="">5.9折</a>
                    <img src="img/FR5218.png" alt="">
                </div>
            </div>
        </div>
    </div>
</div>
<div class="footer">
    <div class="container">
        <div class="banner clearfix">
            <div class="p25 float-left clearfix">
                <img class="float-left" src="img/ensure.png" alt="">
                <dl class="float-left">领导品牌 品质保证</dl>
            </div>
            <div class="p25 float-left clearfix">
                <img class="float-left" src="img/return.png" alt="">
                <dl class="float-left">7天退货 15天换货</dl>
            </div>
            <div class="p25 float-left clearfix">
                <img class="float-left" src="img/free.png" alt="">
                <dl class="float-left">全场免运费（部分配件除外）</dl>
            </div>
            <div class="p25 float-left clearfix">
                <img class="float-left" src="img/unprofor.png" alt="">
                <dl class="float-left">全国网点 联保服务</dl>
            </div>
        </div>
        <hr>
    </div>
    <div class="tptp container clearfix">
        <dl class="float-left">
            <dt>购物服务</dt>
            <dd>购物指南</dd>
            <dd>配送方式</dd>
            <dd>支付方式</dd>
        </dl>
        <dl class="float-left">
            <dt>服务支持</dt>
            <dd>售后网点</dd>
            <dd>积分规则</dd>
            <dd>保修政策</dd>
        </dl>
        <dl class="float-left">
            <dt>关注我们</dt>
            <dd>新浪微博</dd>
            <dd>关注微信</dd>
            <dd>APP下载</dd>
        </dl>
        <dl class="float-left">
            <dt>关于飞科</dt>
            <dd>飞科介绍</dd>
            <dd>飞科新闻</dd>
            <dd>联系我们</dd>
        </dl>
        <div class="er float-left">
            <img src="img/qr_code.jpg" alt="">
            <p>关注飞科电器官方微信</p>
        </div>
        <img class="tup float-right" src="img/service1.png" alt="">
    </div>
    <hr>
    <div class="container clearfix oop">
        <img class="uhuh float-left" src="img/minilogo.jpg" alt="">
        <div class="ll float-left">
            <p>Copyright © 2013-2016上海飞科电器股份有限公司 | 版权所有 | 网站备案/许可证号：沪ICP备13041208号</p>
            <p>增值电信营业经营许可认证:沪B2-20160083 |<img src="img/fkab.png" alt=""> 沪公网安备 31010502001341号</p>
        </div>
        <img class="float-right" src="img/rightimg4.jpg" alt="">
        <span class="float-right ys">|</span>
        <img class="float-right" src="img/rightimg3.jpg" alt="">
        <span class="float-right ys">|</span>
        <img class="float-right" src="img/rightimg2.jpg" alt="">
        <span class="float-right ys">|</span>
        <img class="float-right" src="img/rightimg1.jpg" alt="">
    </div>
</div>
<div class="rng">
    <img src="img/FS375 (1).png" alt="">
</div>
<div class="ig">
    <img src="img/tglx.jpg" alt="">
    <br>
    <img src="img/578c880225538 (1).jpg" alt="">
</div>
<script src="swiper-4.5.0/dist/js/swiper.min.js"></script>
<script src="js/script.js"></script>
<script>
    var swiper = new Swiper('.swiper-container', {
        pagination: {
            el: '.swiper-pagination',
            clickable: true,
            renderBullet: function (index, className) {
                return '<span class="' + className + '">' + (index + 1) + '</span>';
            },
        },
    });
</script>
</body>
</html>